<style>

</style>
<div class="main-panel container-fluid">
    <div class="card card-wizard">
        <div class="header">
            <button style="margin-bottom: 0" class="small-blue-button" ng-click="addSubscription($event)">添加公众号</button>
        </div>
        <div class="content">
            <div class="table-wrap">
                <div class="table-grid">
                    <table>
                        <thead>
                        <tr>
                            <th style="width:25%">公众号名称</th>
                            <th style="width:25%">APPID</th>
                            <th style="width:25%">SecurityKey</th>
                            <th style="width:25%">操作</th>
                        </tr>
                        </thead>
                    </table>
                    <div class="tbody ngNiceScroll" array="prizes">
                        <table>
                            <tr ng-repeat="prize in prizes track by $index">
                                <td style="width:25%">公众号名称</td>
                                <td style="width:25%" ng-bind="prize.name"></td>
                                <td style="width:25%" ng-bind="prize.type.name"></td>
                                <td style="width:25%" ng-cloak="">{{prize.expired_start}}<br/>{{prize.expired_end}}</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="table-footer-toolbar clear" ng-if="httpData.last_page>1">
                    <div class="pagination-info" ng-cloak="">第 {{httpData.from?httpData.from:0}} 到第 {{httpData.to?httpData.to:0}} 条记录，总共 {{httpData.total}} 条记录，每页显示 8 条记录</div>
                    <div class="pagination">
                        <div class="prev" ng-click="jumpPage(1)"><i class="fa fa-angle-double-left fa-lg"></i></div>
                        <div class="numbers">
                            <span ng-repeat="i in numbers track by $index" ng-bind="i" ng-click="jumpPage(i)" ng-class="{active:i==pramas.page}">1</span>
                        </div>
                        <div class="next" ng-click="jumpPage(httpData.last_page)"><i class="fa fa-angle-double-right fa-lg"></i></div>
                    </div>
                </div>
            </div>
            <!--<ul class="boxes-list">-->
            <!--<li>-->
            <!--<div class="app-boxes selected">-->
            <!--<i class="fa fa-check" aria-hidden="true"></i>-->
            <!--<div class="thumbnail"><img src="./images/ceshi.png" alt=""></div>-->
            <!--<div class="name">公众号名称</div>-->
            <!--</div>-->
            <!--<a ng-click="openShareModal($event)">分享设置</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="app-boxes selected">-->
            <!--<i class="fa fa-check" aria-hidden="true"></i>-->
            <!--<div class="thumbnail"><img src="./images/ceshi.png" alt=""></div>-->
            <!--<div class="name">公众号名称</div>-->
            <!--</div>-->
            <!--<a ng-click="openShareModal($event)">分享设置</a>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="app-boxes selected">-->
            <!--<i class="fa fa-check" aria-hidden="true"></i>-->
            <!--<div class="thumbnail"><img src="./images/ceshi.png" alt=""></div>-->
            <!--<div class="name">公众号名称</div>-->
            <!--</div>-->
            <!--<a>分享设置</a>-->
            <!--</li>-->
            <!--<li class="add"></li>-->
            <!--</ul>-->
        </div>
    </div>
</div>